/**
 * 新版官网风格
 * @作者 苏相锟 <admin@phpok.com>
 * @版本 6.x
 * @授权 GNU Lesser General Public License  https://www.phpok.com/lgpl.html
 * @时间 2023年5月5日
 * @更新 2023年5月5日
**/
:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #1D5595;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #E77717;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 29,85,149;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 231,119,23;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 33, 37, 41;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-body-bg: #fff;
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: #dee2e6;
	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-2xl: 2rem;
	--bs-border-radius-pill: 50rem;
	--bs-link-color: #212529;
	--bs-link-hover-color: #333333;
	--bs-code-color: #d63384;
	--bs-highlight-bg: #fff3cd;
}

/* 主键按钮 */
.btn-primary {
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
}

/* 按钮警告参数 */
.btn-warning {
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
	--bs-btn-hover-bg: var(--bs-orange);
	--bs-btn-hover-border-color: var(--bs-orange);
}

/* 列表组样式参数 */
.list-group {
	--bs-list-group-active-bg: var(--bs-primary);
	--bs-list-group-active-border-color: var(--bs-primary);
}

/* 分页变量参数 */
.pagination {
	--bs-pagination-color: var(--bs-link-color);
	--bs-pagination-hover-color: var(--bs-link-hover-color);
	--bs-pagination-focus-color: var(--bs-link-hover-color);
	--bs-pagination-active-bg: var(--bs-primary);
	--bs-pagination-active-border-color: var(--bs-primary);
}


a{
	text-decoration:none;
}

input{
	outline:none;
}

header .logo{
	width:60px;
	height:auto;
}

header .nav a.nav-link{
	color:var(--bs-white);
}

.avatar{
	width:50px;
	height:50px;
	border-radius:50%;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.avatar-small{
	width:26px;
	height:26px;
	border-radius:50%;
	background-color: #fff;
	border: 1px solid #dee2e6;
}

.bg-default{
	background-image:url('../images/bg.svg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.form-control:focus{
	box-shadow:none;
	border-color:inherit;
}

.form-group{
	margin-bottom:1rem;
}

.hand{
	cursor: pointer;
}

.list-group-item.active a{
	color:var(--bs-white);
}

/* 单行省略号 */
.text-1 {
	-webkit-line-clamp: 1;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	min-height:24px;
}

/* 两行省略号 */
.text-2 {
	-webkit-line-clamp: 2;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	min-height:48px;
}

/* 三行省略号 */
.text-3 {
	-webkit-line-clamp: 3;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	min-height:72px;
}


/* 计数器 开始 */
.numbers{
	list-style:none;
	margin:0;
	padding:0;
}
.numbers li{
	position: relative;
	color:#1B1B1B;
	text-align:center;
}
.numbers li .count{
	font-size:60px;
	font-weight:400;
}
.numbers li sup{
	vertical-align: top;
	font-size:30px;
	top:0.5em;
}
.numbers li .title{
	color:#525252;
	font-size:20px;
}
/* 计数器 结束 */

/* 筛选器 */
.filter .active{
	font-weight:bold;
	color:darkred;
}
/* 筛选器 结束 */

/* 通用内容区 开始 */
.content{ line-height:170%;font-size:1em;font-weight:500;}
.content p{ margin-bottom:1em;}
.content img{
	max-width:100% !important;
	height:auto;
}
.content table {border: 1px solid #ddd;border-collapse: collapse;display: table;margin:auto;}
.content table td {border: 1px solid #ddd;padding: 5px 10px;}
.content table th {border: 1px solid #ddd;background-color: #f7f7f7;padding: 5px 10px;}
.content blockquote{
	margin:1em 0;border:1px solid #efefef;background:#fcfcfc;padding:0.5em 1em;
}
/* 通用内容区 结束 */


/* 管理员回复评论信息 开始 */
fieldset.admin-reply{
	border:1px solid #ccc;
	padding:0.5em;
	background:#fff;
	box-shadow:2px 2px #ddd;
}
fieldset.admin-reply legend{
	width:auto;
	padding:0 1em;
	font-size:0.8em;
	margin-left:2em;
}

fieldset.admin-reply + fieldset.admin-reply{
	margin-top:1em;
}
/* 管理员回复评论信息 结束 */

.nav .nav-link.active{
	background:var(--bs-primary);
	color:var(--bs-white);
}
.width_16{
	width:16px;
	height:16px;
}

/* 在线客服 */
.kfonline{
	position: fixed;
	bottom: 60px;
	right: 15px;
	z-index: 999999;
}

.kfonline .card-header{
	cursor: pointer;
}

.kfonline-icon{
	width:40px;
	height:40px;
	cursor: pointer;
	color:var(--bs-white);
	border:1px solid var(--bs-white);
	line-height:36px;
	text-align:center;
	background:var(--bs-primary);
	margin-top:-4px;
	position:relative;
}
.kfonline-icon.cart sup{
	position:absolute;
	top:2px;
	right:2px;
	font-size:60%;
}
.kfonline-icon.weixin div{
	display:none;
	position:absolute;
	right:40px;
	top:0;
	width:120px;
}
.kfonline-icon.weixin div img{
	width:100%;
}
.kfonline-icon.weixin:hover div{
	display: block;
}

.kfonline-icon.tel div{
	display:none;
	position:absolute;
	right:40px;
	top:0;
}

.kfonline-icon.tel:hover div{
	display: block;
}

.kfonline-icon a .fa{
	color:var(--white);
}

.kfonline-icon.toTop{
	
}